<template>
	<view class="wallpaper-box">
		<image class="wallpaper-img" v-for="(item, index) in imgList" :key="index" :src="item.imageUrl"
			@click="onCLickShowWallpaper(item)"></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},

		props: {
			imgList: {
				type: Array,
				default: []
			}
		},
		watch: {},
		methods: {
			onCLickShowWallpaper(item) {
				uni.navigateTo({
					url: "/pages/index/wallpaperView?imageId=" + item.id +
						'&createby=' + item.createBy
				})
			}
		},
	}
</script>

<style lang="less" scoped>
	.wallpaper-box {
		width: 710rpx;
		display: flex;
		flex-wrap: wrap;
		position: relative;

		.wallpaper-img {
			width: 224rpx;
			height: 388rpx;
			margin-top: 20rpx;
			margin-right: 18rpx;
			border-radius: 20rpx;
		}



		.wallpaper-img:nth-child(3n) {
			margin-right: 0;
		}
	}
</style>